LEMON’S AO3 THEME
#outer .region,
#footer .group,
.post fieldset fieldset,
fieldset fieldset {
background: none;
}
body,
.group,
.group .group,
.region,
.flash,
fieldset,
fieldset fieldset ul,
form dl,
textarea,
#main .verbose legend,
.verbose fieldset,
.notice,
ul.notes,
input,
textarea,
table,
th,
td:hover,
tr:hover,
.symbol .question:hover,
#modal,
.ui-sortable li,
.required .autocomplete,
.autocomplete .notice,
.system .intro,
.comment_error,
div.dynamic,
.dynamic form,
#ui-datepicker-div,
.ui-datepicker table {
background: #000;
color: #E8D73A;
border-color: #b0b3b7;
outline: #000;
box-shadow: #FC4081;
}
#header .actions a:hover,
#header .actions a:focus,
#header .dropdown:hover a,
#header .open a,
#header .menu,
#small_login,
#header .dropdown:hover .current + .menu,
.group.listbox,
fieldset fieldset.listbox,
form blockquote.userstuff,
input:focus,
textarea:focus,
li.relationships a,
.group.listbox .index,
.dashboard fieldset fieldset.listbox .index,
#dashboard a:hover,
th,
#dashboard .secondary,
.secondary,
.thread .even,
.system .tweet_list li,
.ui-datepicker tr:hover {
background: #000;
}
#header .dropdown .menu a:hover,
#header .dropdown .menu a:focus,
.splash .favorite li:nth-of-type(odd) a,
.ui-datepicker td:hover,
#tos_prompt .heading,
#tos_prompt [disabled] {
background: #FC4081;
}
#outer,
.javascript,
.statistics .index li:nth-of-type(even),
#tos_prompt,
.announcement input[type="submit"] {
background: #000;
}
#header ul.primary,
#outer #footer,
.toggled form {
background: url("https://reydelcastill0-lemonerzest.neocities.org/FC4081.png"); /* this us the pink at the top and bottom of the site */
}
#header ul.primary,
#footer,
#dashboard ul,
dl.meta,
.group.listbox,
fieldset fieldset.listbox,
#main li.blurb,
form blockquote.userstuff,
div.comment,
li.comment,
.toggled form,
form dl dt,
#inner .module .heading,
.bookmark .status span,
.splash .news li,
.filters .group dt.bookmarker {
border-color: #FC4081;
}
.group.listbox,
fieldset fieldset.listbox,
#main li.blurb,
.wrapper,
#dashboard .secondary,
.secondary,
form blockquote.userstuff,
.thread .comment,
.toggled form {
box-shadow: 1px 1px 3px #FC4081;
}
#dashboard .current,
.actions a:active,
#outer .current,
a.current,
.current a:visited,
span.unread,
.replied,
span.claimed,
dl.index dd,
.own,
.draft,
.draft .unread,
.child,
.unwrangled,
.unreviewed,
.ui-sortable li:hover {
background: #000;
border-color: #FC4081;
box-shadow: -1px -1px 3px #FC4081;
}
input,
textarea {
box-shadow: inset 0 1px 2px #FC4081;
}
li.blurb,
.blurb .blurb,
.listbox .index,
fieldset fieldset.listbox,
.dashboard .listbox .index {
box-shadow: inset 1px 1px 3px #FC4081;
}
#footer a:hover,
#footer a:focus,
.autocomplete .dropdown ul li:hover,
li.selected,
a.tag:hover,
.listbox .heading a.tag:visited:hover,
.symbol .question,
.qtip-content {
background: #FC4081;
color: #00b8ff;
}
.splash .favorite li:nth-of-type(odd) a:hover,
.splash .favorite li:nth-of-type(odd) a:focus {
background: #FC4081;
color: #00b8ff;
}
#header #greeting img,
#header .heading a,
#header .heading a:visited,
#header .user a:hover,
#header .user a:focus,
#header .user .current,
#header fieldset,
#header form,
#header p,
#dashboard a:hover,
.actions a:hover,
.actions input:hover,
.delete a,
span.delete,
span.unread,
.replied,
span.claimed,
.draggable,
.droppable,
span.requested,
a.work,
.blurb h4 a:link,
.blurb h4 img,
.splash .module h3,
.splash .browse li a:before,
.required,
.error,
.comment_error,
a.cloud7,
a.cloud8,
#footer .actions .secondary a,
#tos_prompt .heading {
color: #E8D73A;
}
img[src$="/images/lockblue.png"] {
content: url("https://reydelcastill0-lemonerzest.neocities.org/yellowlocked.png"); /* my custom lock symbol for restricted fics */
filter: none;
}
#greeting .icon,
#dashboard,
#dashboard.own,
.error,
.comment_error,
.LV_invalid,
.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active,
#header .actions .current,
.qtip-content {
border-color: #E8D73A;
}
/* below this is code taken from https://archiveofourown.org/works/57331222/chapters/156317044 */
ul.required-tags,
.bookmark .status span,
.blurb .icon {
opacity: 1 !important;
}
img[src$="/images/skins/iconsets/default/icon_user.png"] {
box-sizing: border-box;
content: url("https://images.squidge.org/images/2025/02/15/zerafina_icon_user-default_01.png");
background: #5998d6;
border: 1.5px solid #ddd;
}
.comment .icon .anonymous {
box-sizing: border-box;
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_anon_01.png");
background-size: cover;
background-color: #6e6e6e;
border: 1.5px solid #00000025;
}
.comment .icon .visitor {
box-sizing: border-box;
background: url("https://images.squidge.org/images/2025/02/15/zerafina_icon_user-visitor_01.png");
background-size: cover;
background-color: #6e6e6e;
border: 1.5px solid #00000025;
}
img[src$="/images/skins/iconsets/default/icon_collection.png"] {
box-sizing: border-box;
content: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_collection_01.png");
background: linear-gradient(transparent, #ffffff50 45% 55%, transparent);
background-color: #616c90;
border: 1.5px solid #00000025;
}
.tagset .primary .icon,
.tag .primary .icon,
.index .tagset .icon {
box-sizing: border-box;
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_tag_01.png"),
linear-gradient(transparent, #ffffff50 45% 55%, transparent);
background-size: cover;
background-color: #5998d6;
border: 1.5px solid #00000025;
}
.index .mystery .icon {
box-sizing: border-box;
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_anon_01.png"),
linear-gradient(transparent, #ffffff50 45% 55%, transparent);
background-size: cover;
background-color: #616c90;
border: 1.5px solid #ddd;
box-shadow: inset 0 0 0 3px #fff;
}
.admin .primary .icon {
box-sizing: border-box;
background: url("https://images.squidge.org/images/2025/02/13/zerafina_icon_admin_01.png") no-repeat,
linear-gradient(#ffffff40, transparent);
background-size: cover;
background-color: #5998d6;
border: 1.5px solid #00000099;
}
.skins .primary .icon:not(:has(a .icon)),
.index .skins .icon:not(:has(a .icon)) {
box-sizing: border-box;
background: url("https://images.squidge.org/images/2025/02/15/zerafina_icon_skins_01.png");
background-size: cover;
background-color: #5998d6;
border: 1.5px solid #ddd;
}
#symbols-key dl img,
#bookmark-symbols-key img {
width: 0 !important;
height: 0 !important;
padding: 25px 0 0 25px;
}
.blurb ul.required-tags li span,
.bookmark .status span:not(.status .private),
#symbols-key dl img,
#bookmark-symbols-key img {
box-sizing: border-box;
box-shadow: inset 0 0 0 1px;
}
.required-tags .rating-notrated,
.required-tags .category-none,
.required-tags .warning-no,
.status .count,
img[src$="/images/skins/iconsets/default/rating-notrated.png"],
img[src$="/images/skins/iconsets/default/category-none.png"],
img[src$="/images/skins/iconsets/default/warning-no.png"] {
background: #fff;
color: #ddd;
}
.required-tags .rating-general-audience,
img[src$="/images/skins/iconsets/default/rating-general-audience.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_rating-gen_01.png");
background-size: cover;
background-color: #08b3bc;
color: #0000001a;
}
.required-tags .rating-teen,
img[src$="/images/skins/iconsets/default/rating-teen.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_rating-teen_01.png");
background-size: cover;
background-color: #5998d6;
color: #0000001a;
}
.required-tags .rating-mature,
img[src$="/images/skins/iconsets/default/rating-mature.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_rating-mature_01.png");
background-size: cover;
background-color: #e8689b;
color: #0000001a;
}
.required-tags .rating-explicit,
img[src$="/images/skins/iconsets/default/rating-explicit.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_rating-explicit_01.png");
background-size: cover;
background-color: #a13374;
color: #0000001a;
}
.required-tags .category-femslash,
img[src$="/images/skins/iconsets/default/category-femslash.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_category-ff_01.png");
background-size: cover;
background-color: #e8689b;
color: #0000001a;
}
.required-tags .category-het,
img[src$="/images/skins/iconsets/default/category-het.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_category-mf_01.png");
background-size: cover;
background-color: #a13374;
color: #0000001a;
}
.required-tags .category-gen,
img[src$="/images/skins/iconsets/default/category-gen.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_category-gen_01.png");
background-size: cover;
background-color: #08b3bc;
color: #0000001a;
}
.required-tags .category-slash,
img[src$="/images/skins/iconsets/default/category-slash.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_category-mm_01.png");
background-size: cover;
background-color: #5998d6;
color: #0000001a;
}
.required-tags .category-multi,
img[src$="/images/skins/iconsets/default/category-multi.png"] {
background: conic-gradient(from 270deg, #08b3bc 25%, #a13374 25% 50%, #5998d6 50% 75%, #e8689b 75%);
color: #0000001a;
}
.required-tags .category-other,
img[src$="/images/skins/iconsets/default/category-other.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_category-other_01.png");
background-size: cover;
background-color: #6e6e6e;
color: #0000001a;
}
.required-tags .warning-choosenotto,
img[src$="/images/skins/iconsets/default/warning-choosenotto.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_warning-choosenotto_01.png");
background-size: cover;
background-color: #e8689b;
color: #0000001a;
}
.required-tags .warning-yes,
img[src$="/images/skins/iconsets/default/warning-yes.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_warning-yes_01.png");
background-size: cover;
background-color: #a13374;
color: #0000001a;
}
.required-tags .external-work,
img[src$="/images/skins/iconsets/default/warning-external-work.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_warning-external-work_01.png");
background-size: cover;
background-color: #5998d6;
color: #0000001a;
}
.required-tags .complete-no,
img[src$="/images/skins/iconsets/default/complete-no.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_complete-no_01.png");
background-size: cover;
background-color: #a13374;
color: #0000001a;
}
.required-tags .complete-yes,
img[src$="/images/skins/iconsets/default/complete-yes.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_complete-yes_01.png");
background-size: cover;
background-color: #08b3bc;
color: #0000001a;
}
.status .rec,
img[src$="/images/skins/iconsets/default/bookmark-rec.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_bookmark-rec_01.png");
background-size: cover;
background-color: #5998d6;
color: #0000001a;
}
.status .public,
img[src$="/images/skins/iconsets/default/bookmark-public.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_bookmark-public_01.png");
background-size: cover;
background-color: #5998d6;
color: #0000001a;
}
.status .private .text,
img[src$="/images/skins/iconsets/default/bookmark-private.png"] {
font-size: inherit;
text-indent: -9999px;
white-space: nowrap;
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_bookmark-locked_01.png");
background-size: cover;
background-color: #000;
color: #ddd;
}
.status .hidden,
img[src$="/images/skins/iconsets/default/bookmark-hidden.png"] {
background: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_bookmark-locked_01.png");
background-size: cover;
background-color: #e8689b;
color: #ddd;
}
a.rss span,
p.kudos {
background: none;
}
a.rss span::before {
content: "";
height: 14px;
width: 14px;
position: absolute;
background-image: url("https://images.squidge.org/images/2025/02/09/zerafina_icon_rss_01.png");
background-size: cover;
border-radius: 2px;
margin: 1px 0 0 -18px;
background-color: #e8689b;
box-shadow: inset 0 0 0 1px;
color: #00000025;
}
p.kudos::before {
content: "";
height: 55px;
width: 55px;
position: absolute;
margin: -0.5em -0.5em -0.5em -60px;
background-image: url("https://images.squidge.org/images/2025/02/15/zerafina_icon_kudos_01.png");
background-size: cover;
filter: invert(62%) sepia(14%) saturate(1799%) hue-rotate(172deg) brightness(90%) contrast(86%);
}
#header .logo {
content: url("/images/logo.png");
filter: brightness(0) saturate(100%) invert(62%) sepia(14%) saturate(1799%) hue-rotate(172deg) brightness(90%) contrast(86%);
}
/* end reversi colored logos. Remove the filter to have default colored logos */
a,
a:link,
a.tag,
#header a,
#header a:visited,
#header .current,
#header .primary .open a,
#header .primary .dropdown:hover a,
#header .primary .dropdown a:focus,
#header #search input:focus,
#header #search input:hover,
#dashboard a,
#dashboard span,
#dashboard .current,
.heading,
.group .heading,
.filters dt a:hover {
color: #E8D73A;
}
a:visited,
.actions a:visited,
.action a:link,
.action a:visited,
.listbox .heading a:visited,
span.series .divider {
color: #00b8ff;
}
.actions a,
.actions a:link,
.action,
.action:link,
.actions input,
input[type="submit"],
button,
.current,
.actions label,
#header .actions a {
background: #FC4081;
border-color: #FC4081;
color: #E8D73A;
box-shadow: inset 0 -8px 4px #FC4081, inset 0 8px 7px #FC4081;
text-shadow: none;
}
.actions a:hover,
.actions input:hover,
#dashboard a:hover,
.actions a:focus,
.actions input:focus,
#dashboard a:focus {
color: #00b8ff;
border-color: #FC4081;
box-shadow: inset 2px 2px 2px #FC4081;
}
.actions a:active,
.current,
a.current,
.current a:visited {
color: #E8D73A;
background: #E8D73A;
border-color: #FC4081;
box-shadow: inset 1px 1px 3px #000;
}
.delete a,
span.delete {
box-shadow: -1px -1px 2px rgba(255,255,255.25);
}
ul.required-tags,
.bookmark .status span,
.blurb .icon {
opacity: 0.9;
border: 0;
}
#outer .group .heading,
#header .actions a,
#footer .secondary a,
fieldset.listbox .heading,
.userstuff .heading,
.heading,
.userstuff h2 {
text-shadow: none;
color: #E8D73A;
background: none;
}
#header .actions a,
fieldset fieldset,
.mce-container button,
.filters .expander {
box-shadow: none;
}
fieldset fieldset.listbox {
outline: none;
}
form dd.required {
color: #E8D73A;
}
.mce-container input:focus {
background: #E8D73A;
}
.announcement .userstuff a,
.announcement .userstuff a:link,
.announcement .userstuff a:visited:hover {
color: #00b8ff;
}
.announcement .userstuff a:visited {
color: #E8D73A;
}
.announcement .userstuff a:hover,
.announcement .userstuff a:focus {
color: #00b8ff;
}
.event.announcement .userstuff a,
.filters .expander {
color: #E8D73A;
}
p.muted.notice {
display: none;
}
.error {
background: #000000;
color: #e8d73a;
border-color: #FC4081;
box-shadow: none !important;
}
.comment_error {
background: #000000;
color: #e8d73a;
border-color: #FC4081;
box-shadow: none !important;
}
.alert_flash {
background: #000000;
color: #e8d73a;
border-color: #FC4081;
box-shadow: none !important;
}
.kudos_error {
background: #000000;
color: #e8d73a;
border-color: #FC4081;
box-shadow: none !important;
}
.LV_validation_message {
background: #000000;
color: #e8d73a;
border-color: #FC4081;
box-shadow: none !important;
}
.LV_invalid {
background: #000000;
color: #e8d73a;
border-color: #FC4081;
box-shadow: none !important;
}
/* helpful tips: use “%20” for spaces, “*s* for forward slash, *a* for ampersands. When in doubt? You can copy everything after “/tag/” on a tag’s link to have the exact text */ /* IMPORTANT: everything works in the order you put it. If you have conflicting tags, the one written last will be shown. */
/* I use this one on my FAVORITE tags: characters, fandoms, tropes */
li.blurb a.tag[href*="PINKinserttaghere" i] {
background-color: #000000;
color: #FC4081;
}
/* I use this one for stuff I really like and would really want to read a fic for: tropes, kinks, and such */
li.blurb a.tag[href*="GREENinserttaghere" i] {
background-color: #000000;
color: #00cf35;
}
/*Easier to read than pink on yellow, so it’s a step down in severity. Not a deal breaker usually, but important to keep note of */
li.blurb a.tag[href*="BLACKonYELLOW" i] {
background-color: #E8D73A;
color: #000;
}
/*I use this one to say I MIGHT not be willing to read because of this tag. The idea is that because it’s hard to read, I may be disinclined */
li.blurb a.tag[href*="PINKonYELLOW" i] {
background-color: #E8D73A;
color: #ff492f;
}
/* I use this for tags I DO NOT want to read AT ALL. If I fic has this, I simply do not click. You can always see the text by highlighting it, in case you would like confirmation. */
li.blurb a.tag[href*="BLACKLISTEDyellowonyellow" i] {
background-color: #E8D73A;
color: #E8D73A;
}
/* I used this if I need to prevent a tag from being edited. If you try to pinkify the word “cat”, the word “catastrophe” also pinkens. This tag can make ONE exception by using it */
li.blurb a.tag[href*="NORMALyellowonblack" i] {
background-color: #000;
color: #E8D73A;
}
/* I recommend keeping these custom tags entirely at the bottom so they are easy to keep track of */